function pxReize(px: number) {
  return (px * document.documentElement.clientWidth) / 1680;
}

export function getOption3() {
  return {
    title: {
      text: "年龄分布",
      textStyle: {
        color: '#fff',
        fontSize: pxReize(16)
      }
    },
    tooltip: {
      trigger: "item",
    },
    legend: {
      bottom: 0,
      left: 'center',
      itemWidth: pxReize(10),
      itemHeight: pxReize(10),
      textStyle: {
        color: '#fff'
      }
    },
    series: [
      {
        center: ['50%', '40%'],
        name: "Access From",
        type: "pie",
        radius: ["40%", "60%"],
        avoidLabelOverlap: false,
        label: {
          show: false,
          position: "center",
        },
        emphasis: {
          label: {
            show: true,
            fontSize: 40,
            fontWeight: "bold",
          },
        },
        labelLine: {
          show: false,
        },
        data: [
          { value: 1048, name: "Search Engine" },
          { value: 735, name: "Direct" },
          { value: 580, name: "Email" },
          { value: 484, name: "Union Ads" },
          { value: 300, name: "Video Ads" },
        ],
      },
    ],
  };
}
